<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <title>品优购-26</title>
    <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="./lib/mui/css/mui.min.css"/>
    <link rel="stylesheet" href="./css/common.css"/>
    <link rel="stylesheet" href="./css/index.css"/>
    
</head>
<body>
<!-- <body > -->
   <!-- 头部搜索  -->
     @@include("header.html")
   <!-- 内容标签 -->
   <div class="pyg_view">
       <!-- 轮播图开始 -->
       <div class="pyg_swiper"></div>
       <!-- 轮播图结束 -->
       <!-- 首页导航开始 -->
       <nav class="pyg_cates"></nav>
       <!-- 首页导航结束 -->
       <!-- 商品列表开始 -->
       <div class="pyg_list"></div>
       <!-- 商品列表结束 -->
   </div>
   <!-- 尾部 -->
   @@include("footer.html",{"index":"0"})
</body>

<!-- 轮播图的模板 start -->
<script type="text/html" id="swiperTpl">
   <div class="mui-slider">
     <!-- 图片 -->
     <div class="mui-slider-group mui-slider-loop">
        <!-- 最后一张 -->
          <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="{{arr[arr.length-1].image_src}}" /></a></div>
    {{each arr item index}}
        <div class="mui-slider-item"><a href="#"><img src="{{item.image_src}}" /></a></div>
    {{/each}}
        <!--第0张-->
        <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="{{arr[0].image_src}}" /></a></div>
     </div>
         <!-- 索引器 -->
         <div class="mui-slider-indicator">
             {{each arr item index}}
				<div class="mui-indicator {{index===0?'mui-active':''}}"></div>
			 {{/each}}
			</div>
       </div>
</script>
<!-- 轮播图的模板 end -->

<!-- 商品列表模板 start -->
<script id="listTpl" type="text/html">
  {{each arr item1 index1}}
   <div class="goods_item">
       <!-- 图片的标题 -->
       <div class="goods_title"><img src="{{item1.group_img}}" alt=""></div>
       <!-- 小商品列表 -->
       <ul class="goods_list">
           {{each item1.goods item2 index}}
           <li>
               <!-- 商品的详情页面 -->
               <a href="javascript:;" class="goods_detail">
                   <!-- 商品图片 -->
                   <img src="{{item2.goods_small_logo}}" alt="">
                   <!-- 名称 -->
                   <div class="goods_name">{{item2.goods_name}}</div>
                   <!-- 价格 -->
                   <div class="goods_price">￥{{item2.goods_price}}</div>
               </a>
               <!-- 类似商品的页面 -->
               <a href="javascript:;" class="goods_similar mui-btn mui-btn-success">找相似</a>
           </li>
           {{/each}}
       </ul>
   </div>
   {{/each}}
</script>
<!-- 商品列表模板 end -->

<script src="./lib/mui/js/mui.min.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>
</html>